<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>{$site.name|htmlentities}</title>
    <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" />

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="__CDN__/template/yuyue/assets/plugins/bootstrap/css/bootstrap.min.css">

    <link rel="stylesheet" href="__CDN__/template/yuyue/assets/plugins/fullcalendar/fullcalendar.min.css">

    <link rel="stylesheet" href="__CDN__/template/yuyue/assets/css/main.css">
    <link rel="stylesheet" href="__CDN__/template/yuyue/assets/css/color_skins.css">
    <link rel="stylesheet" href="__CDN__/assets/css/fullcalendar/layui.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --><!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script><![endif]-->

    <style>
        * {
            font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
        }

        .index-gallery button {
            width: 100%;
            background: #6e99ff;
            border: none;
            border-radius: 8px;
        }

        .fc-day-grid-event {
            text-align: right;

        }

        .fc-scroller {
            height: auto !important;
        }

        .fc-scroller.fc-day-grid-container::-webkit-scrollbar {
            width: 0 !important
        }

        .fc-right {
            display: none;
        }

    </style>

</head>

<body class="theme-black">
<div class="page-loader-wrapper" style="display: none;">
    <div class="loader">
        <div class="m-t-30">
            <img src="__CDN__/template/yuyue/assets/images/logo.svg" width="48" height="48" alt="{$site.name|htmlentities}">
        </div>
        <p>Please wait...</p>
    </div>
</div>
<nav class="navbar">
    <div class="container">
        <ul class="nav navbar-nav">
            <li>
                <div class="navbar-header" style=" padding-top: 10px; ">
                    <a class="navbar-brand" href="checkIn">
                        <img src="__CDN__/template/yuyue/assets/images/logo-black.svg" width="35" alt="{$site.name|htmlentities}">
                        <span class="m-l-10">{$site.name|htmlentities}</span>
                    </a>
                </div>
            </li>
            <li class="float-right">
                <a href="user" role="button">
                    <i class="zmdi zmdi-account-circle"></i>
                </a>
            </li>
        </ul>
    </div>
    <div style="clear: both"></div>
</nav>
<section class="content page-calendar">
    <div class="container">
        <div class="block-header">
            <div class="row clearfix">
                <div class="col-lg-5 col-md-5 col-sm-12">
                    <h2>请选择住院时间</h2>
                </div>
                <div class="col-lg-7 col-md-7 col-sm-12">
                    <ul class="breadcrumb float-md-right padding-0">
                        <li class="breadcrumb-item">
                            <a href="checkIn">
                                <i class="zmdi zmdi-notifications"></i>
                            </a>
                        </li>
                        <li class="breadcrumb-item active">日期有「
                            <a class="text-danger">满</a>
                            」，代表不能预约哦～
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- Vertical Layout -->
        <div class="row">
            <div class="col-lg-8 col-md-12">
                <div class="card">


                    <div class="body">
                        <div id="calendar"></div>
                    </div>


                </div>

                <div class="index-gallery m-b-20">
                    <button type="button" class="layui-btn layui-btn-disabled">立即预约</button>
                </div>

            </div>

            <div class="col-md-12 col-lg-4">
                <div class="card">

                    <div class="body m-b-20">
                        <div class="event-name b-lightred row">
                            <div class="col-3 text-center">
                                <h4>09
                                    <span>月</span>
                                    <span>2021</span>
                                </h4>
                            </div>
                            <div class="col-9">
                                <h6>关于入院核酸检测的说明</h6>
                                <p>江苏省新冠肺炎疫情防控工作领导小组医疗救治组7月28日印发...</p>
                                <address>
                                    <i class="zmdi zmdi-pin"></i>
                                    首都儿科研究所风湿免疫科
                                </address>
                            </div>
                        </div>
                        <hr>
                        <div class="event-name b-greensea row">
                            <div class="col-3 text-center">
                                <h4>16
                                    <span>Dec</span>
                                    <span>2017</span>
                                </h4>
                            </div>
                            <div class="col-9">
                                <h6>互联网远程复诊教程</h6>
                                <p>随着疫情的不断的蔓延，北京疾控中心联手首都儿科研究所...</p>
                                <address>
                                    <i class="zmdi zmdi-pin"></i>
                                    首都儿科研究所风湿免疫科
                                </address>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>
</section>

</body>
<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
<script src="__CDN__/assets/libs/fastadmin-layer/dist/layer.js"></script>
<script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="__CDN__/assets/js/fullcalendar/libscripts.bundle.js"></script>
<script src="__CDN__/assets/js/fullcalendar/fullcalendarscripts.bundle.js"></script>
<script src="__CDN__/assets/js/fullcalendar/calendar.js"></script>
<script>
    var disableDate = '{$date}';
    var endDate     = '{$endDate}';
</script>
</html>
